<template>
    <div class="my-title">
        未找到
    </div>
    <div class="not-found">404</div>
</template>

<script>
export default {
    name:"PageNotFound"
}
</script>

<style scoped>
.my-title{
    width: 100%;
    height: 200px;
    line-height: 200px;
    font-size: 50px;
    text-align: center;
    color: coral;
    
}
.not-found{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    animation: turn 3s linear infinite;
    color: coral;
    font-size: 18px;
}
@keyframes turn {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
</style>